<template>
  <div class="personal-data">
    <div class="head-logo">
      <img  src="@/assets/images/logo2.png" alt="logo">
      <h2 class="logo-desc">桂系上品</h2>
    </div>
    <div style="padding: 0 5%;">
      <div class="list" style="border-radius: 8px; overflow: hidden;">
        <div>
          <router-link
            :to="'/user/us/content?type=us'"
            class="item acea-row row-between-wrapper"
          >
            <div>关于桂系上品</div>
            <div class="input">
              <span class="iconfont icon-xiangyou"></span>
            </div>
          </router-link>
        </div>
        <div>
          <router-link
            :to="'/user/us/content?type=service'"
            class="item acea-row row-between-wrapper"
          >
            <div>服务协议</div>
            <div class="input">
              <span class="iconfont icon-xiangyou"></span>
            </div>
          </router-link>
        </div>
        <div>
          <router-link
            :to="'/user/us/content?type=privacy'"
            class="item acea-row row-between-wrapper"
          >
            <div>隐私政策</div>
            <div class="input">
              <span class="iconfont icon-xiangyou"></span>
            </div>
          </router-link>
        </div> 
      </div>  
    </div>
    
  </div>
</template>
<style scoped>
  .head-logo {
    display: flex;
    justify-content: center;
    padding-top: 10%;
    padding-bottom: 20%;
    flex-wrap: wrap;
  }
  .head-logo img {
    width: 24%;  
  }
  .logo-desc {
    width: 100%; 
    text-align: center;
    font-size:.4rem;
    margin-top: 3.6%;
  }
</style>

<script>
export default {
  name: "AboutUs",
  components: {
  },
  data: function() {
    return {
    };
  },
  watch: {
  },
  mounted: function() {
  },
  methods: {
  }
};
</script>
